<template>
    <div class="page flex-col">
      <div class="box_1 flex-row">
        <div class="group_1 flex-col">
          <div class="group_2 flex-row">
            <div class="text-wrapper_1">
              <span class="text_1">9:4</span> <span class="text_2">1</span>
            </div>
            <img
              class="thumbnail_1"
              referrerpolicy="no-referrer"
              src="https://lanhu-oss.lanhuapp.com/SketchPngd8cb4ff6a96e36671b217164a8ca98943464411de6008d314a5e307fb3039e18"
            />
            <img
              class="thumbnail_2"
              referrerpolicy="no-referrer"
              src="https://lanhu-oss.lanhuapp.com/SketchPng3c23e69e8cbea86fbc4bd21d5627037b8b5b9d95eb63d062b295ee72b94a15d9"
            />
            <img
              class="image_1"
              referrerpolicy="no-referrer"
              src="https://lanhu-oss.lanhuapp.com/SketchPng9572a24ce4ba105fe9eb2b377f2ee4d142ca136f65201be3948497594a685b09"
            />
          </div>
          <img
            class="label_1"
            referrerpolicy="no-referrer"
            src="https://lanhu-oss.lanhuapp.com/SketchPng4865106b47d1a8573e068963c702542cc3b5036fe40a718dbb0a5dcd57214d30"
          />
          <span class="text_3">Crypto&nbsp;Balance</span>
          <span class="text_4">$713800.12</span>
          <div class="group_3 flex-row justify-between">
            <div class="text-wrapper_2">
              <span class="text_5">+$1204&nbsp;(8.2</span>
              <span class="text_6">%</span> <span class="text_7">)</span>
            </div>
            <span class="text_8">last&nbsp;week</span>
          </div>
          <div class="group_4 flex-row justify-between">
            <span class="text_9">Wallets</span>
            <img
              class="image_2"
              referrerpolicy="no-referrer"
              src="https://lanhu-oss.lanhuapp.com/SketchPng1d331474dc9c4416b94c71adea1296c00d8511e2059063d168a3d0b2f65b4750"
            />
          </div>
          <div class="grid_1 flex-row">
            <div class="section_1 flex-col">
              <div class="image-wrapper_1 flex-col">
                <img
                  class="image_3"
                  referrerpolicy="no-referrer"
                  src="https://lanhu-oss.lanhuapp.com/SketchPnga2bf2f0820c46be7ba5cf3ddfcf512ab050dd5a02a534cb81d917b9087b137b9"
                />
              </div>
              <span class="text_10">Bitcoin</span>
              <div class="text-wrapper_3 flex-row justify-between">
                <span class="text_11">4.00751</span>
                <span class="text_12">BTC</span>
              </div>
              <div class="text-wrapper_4">
                <span class="text_13">+120$&nbsp;(14</span>
                <span class="text_14">%</span> <span class="text_15">)</span>
              </div>
              <div class="group_5 flex-col">
                <div class="image-wrapper_2 flex-col">
                  <img
                    class="image_4"
                    referrerpolicy="no-referrer"
                    src="https://lanhu-oss.lanhuapp.com/SketchPnga303dc305a19748742d2a9b43b8c96a0319e56416cd26f296a64f4e0873ef712"
                  />
                </div>
                <span class="text_16">Bitcoin</span>
                <div class="text-wrapper_5 flex-row justify-between">
                  <span class="text_17">4.00751</span>
                  <span class="text_18">BTC</span>
                </div>
                <div class="text-wrapper_6">
                  <span class="text_19">+120$&nbsp;(14</span>
                  <span class="text_20">%</span> <span class="text_21">)</span>
                </div>
              </div>
            </div>
            <div class="section_2 flex-col">
              <div class="image-wrapper_3 flex-col">
                <img
                  class="image_5"
                  referrerpolicy="no-referrer"
                  src="https://lanhu-oss.lanhuapp.com/SketchPng06c648e92fdaad3ddf8301118b202c031f7ba3c042fddae9071c89014970c21b"
                />
              </div>
              <span class="text_22">Ethereum</span>
              <div class="text-wrapper_7 flex-row justify-between">
                <span class="text_23">3.12041</span>
                <span class="text_24">ETH</span>
              </div>
              <div class="text-wrapper_8">
                <span class="text_25">-588$&nbsp;(22</span>
                <span class="text_26">%</span> <span class="text_27">)</span>
              </div>
              <div class="box_2 flex-col">
                <div class="image-wrapper_4 flex-col">
                  <img
                    class="image_6"
                    referrerpolicy="no-referrer"
                    src="https://lanhu-oss.lanhuapp.com/SketchPng3c9b2537a9dc9b37361fe532ecbf560fc0e3baad1ff2f94f79c7befcfbbac958"
                  />
                </div>
                <span class="text_28">Ethereum</span>
                <div class="text-wrapper_9 flex-row justify-between">
                  <span class="text_29">3.12041</span>
                  <span class="text_30">ETH</span>
                </div>
                <div class="text-wrapper_10">
                  <span class="text_31">-588$&nbsp;(22</span>
                  <span class="text_32">%</span> <span class="text_33">)</span>
                </div>
              </div>
            </div>
            <div class="section_3 flex-col">
              <div class="section_4 flex-col"></div>
              <div class="section_5 flex-col">
                <div class="image-wrapper_5 flex-col">
                  <img
                    class="label_2"
                    referrerpolicy="no-referrer"
                    src="https://lanhu-oss.lanhuapp.com/SketchPng412b59f56d499c5690d219f49f3cef5c72daa4ca1bb9fcb47a5d662dc23be33a"
                  />
                </div>
                <div class="text-wrapper_11 flex-row">
                  <span class="text_34">Ripple</span>
                  <span class="text_35">Ripple</span>
                </div>
                <div class="text-wrapper_12 flex-row justify-between">
                  <span class="text_36">10.9</span>
                  <span class="text_37">XRP</span>
                  <span class="text_38">10.9</span>
                  <span class="text_39">XRP</span>
                </div>
                <div class="group_6 flex-row">
                  <div class="text-wrapper_13">
                    <span class="text_40">-240$&nbsp;(19</span>
                    <span class="text_41">%</span> <span class="text_42">)</span>
                  </div>
                  <div class="text-wrapper_14">
                    <span class="text_43">-240$&nbsp;(19</span>
                    <span class="text_44">%</span> <span class="text_45">)</span>
                  </div>
                </div>
              </div>
            </div>
            <div class="section_6 flex-col">
              <div class="image-wrapper_6 flex-col">
                <img
                  class="image_7"
                  referrerpolicy="no-referrer"
                  src="https://lanhu-oss.lanhuapp.com/SketchPng5ceed4f70786ea6dfad78d744af3e497ef803a9727b4654beba82f15729f682e"
                />
              </div>
              <span class="text_46">LiteCoin</span>
              <div class="text-wrapper_15 flex-row">
                <span class="text_47">1.51</span> <span class="text_48">XRP</span>
              </div>
              <div class="text-wrapper_16">
                <span class="text_49">+10$&nbsp;(2</span>
                <span class="text_50">%</span> <span class="text_51">)</span>
              </div>
              <div class="group_7 flex-col">
                <div class="image-wrapper_7 flex-col">
                  <img
                    class="thumbnail_3"
                    referrerpolicy="no-referrer"
                    src="https://lanhu-oss.lanhuapp.com/SketchPng92b123c5078cd82cb5aa3a58cad6b2c456fb99f7bffb251d6a4d182f0a50f93e"
                  />
                </div>
                <span class="text_52">LiteCoin</span>
                <div class="text-wrapper_17 flex-row">
                  <span class="text_53">1.51</span>
                  <span class="text_54">XRP</span>
                </div>
                <div class="text-wrapper_18">
                  <span class="text_55">+10$&nbsp;(2</span>
                  <span class="text_56">%</span> <span class="text_57">)</span>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="group_8 flex-row">
          <div class="image-text_1 flex-col">
            <img
              class="image_8"
              referrerpolicy="no-referrer"
              src="https://lanhu-oss.lanhuapp.com/SketchPng55cc9c0cbfb4462b897a76df856253466e1633bd8deae05c65b40ffc6688e737"
            />
            <span class="text-group_1">Wallets</span>
          </div>
          <div class="image-text_2 flex-col">
            <img
              class="thumbnail_4"
              referrerpolicy="no-referrer"
              src="https://lanhu-oss.lanhuapp.com/SketchPng70827e71ea9f3f277b3d1395984c7acd98b50a3d9d96823b5b27fd78ecafdc6e"
            />
            <span class="text-group_2">Charts</span>
          </div>
          <div class="image-text_3 flex-col">
            <img
              class="image_9"
              referrerpolicy="no-referrer"
              src="https://lanhu-oss.lanhuapp.com/SketchPng8699fca86f2980dab24429de2bb6788c7f5c9d342ca4fa4f1fb747eb19643cea"
            />
            <span class="text-group_3">Trading</span>
          </div>
          <div class="image-text_4 flex-col">
            <img
              class="thumbnail_5"
              referrerpolicy="no-referrer"
              src="https://lanhu-oss.lanhuapp.com/SketchPng76dcba009ee9ad43186495ebb4bfcaa915fefd92d8ecb9edbee56e3e347605d5"
            />
            <span class="text-group_4">Alerts</span>
          </div>
          <div class="image-text_5 flex-col">
            <img
              class="thumbnail_6"
              referrerpolicy="no-referrer"
              src="https://lanhu-oss.lanhuapp.com/SketchPngf93c6fd8b0580699d12423a39337d5444867cb15449db61d176fdb1bfc8828d3"
            />
            <span class="text-group_5">Settings</span>
          </div>
        </div>
      </div>
    </div>
  </template>
  <script>
  export default {
    data() {
      return {
        constants: {},
      };
    },
    methods: {},
  };
  </script>
  <!-- <style src="./css/common.css" />
  <style src="./css/index.css" /> -->
  